<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
  
  <!-- CoCreate UI -->
  <link href="https://cdn.cocreate.app/latest/CoCreate.min.css" rel="stylesheet">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />    
  

  <style type="text/css">
    .flex-half {
      flex-grow: 1;
      flex-basis: 50%;
    }
    flex-basis-50precent{
      flex-basis: 50%;

    }
    
    .flex-half:nth-of-type(1) {
      padding-right: 10px;
    }
    
    .flex-half:nth-of-type(2) {
      padding-left: 10px;
    }
    
    .round-iconBtn {
      background-color: #dedede;
      color: grey;
      font-size: 20px;
      border-radius: 50px;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .comment-content {
      padding: 10px;
      padding-right: 15px;
      border: 1px solid #dedede;
      border-radius: 3px 20px 20px 3px;
    }
    .floating-label{
      margin: 10px;
    }
  </style>
</head>

<body>
    <div id="modal-viewport" class="hidden"></div>
    <div data-main_content_id="content" class="nav width:100% display:flex align-items:center background:whitesmoke" data-scroll_effect="hide-nav" data-scroll_position="50">
      <!--<a href="#" class="logo">Navbar</a>-->
      <!--<a class="nav-toggle menu_icon--Vdots" data-toggle_sidenav="menuL">-->
      <!--  <div class="circle"></div>-->
      <!--  <div class="circle"></div>-->
      <!--  <div class="circle"></div>-->
      <!--  <div class="circle"></div>-->
      <!--  <div class="circle"></div>-->
      <!--</a>-->
        <ul class="overflow:overlay display:inline-flex direction:rtl font-size:20px align-items:center list-style-type:none">

  			<li class="margin-right:15px"><a class="btn-modal-close"><i class="fas fa-times">
  			  </i></a></li>
  			<li class="margin-right:15px"><a class="btn-modal-maximize"><i data-transform_to="far fa-window-restore" class="far fa-window-maximize">
  			  </i></a></li>
  			<li class="margin-right:15px"><a class="btn-modal-minimize"><i class="far fa-window-minimize">
  			  </i></a></li>
  			
  			<li class="margin-right:15px"><a data-fullscreen><i data-transform_to="fas fa-compress" class="fas fa-expand">
  			  </i></a></li>
  			<li class="margin-right:15px">
  			    <a data-window_url="render.html"
            	 data-pass_collection="modules"
            	 data-pass_module_id="" 
            	 data-pass_prefix="form_" 
            	 data-pass_to="builder" 
               data-window_width="100%"
               data-pass_id="render">
            		<i class="fas fa-palette"></i>
          		 <div data-pass_collection="modules"
					   data-pass_module_id=""
				       data-pass_prefix=""
					   data-pass_to="render"
					   class="sessionBuilderUI_Id">
	  			 </div>
            </a>
        </li>

  			<li class="margin-right:15px"><a data-collection="module_activity" data-document_id="" data-pass_id="form-fields" class="delete-document btn-modal-close"><i class="far fa-trash-alt"></i></a></li>
			 </ul>
    </div>
		<div class="padding:20px" data-main_content_id="content">

        <form data-realtime="true" data-collection="module_activity" class="mbottom:75">

          <input type="hidden" name="module_id" data-pass_value_id="module_id" data-pass_id="form-fields" placeholder="Module Id">
         
          <input type="text" name="name" data-pass_id="form-fields" class="floating-label" placeholder="Stage Name">
          	<a class="submitBtn position:fixed bottom:15px right:15px background:dodgerblue grow-hover round"><i class="far fa-save"></i></a>

        </form>
    </div>
</body>
  <script>
    var config = {
      apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
            organization_Id: '5de0387b12e200ea63204d6c'
    }
    
  </script>


  
  
  <script src="https://server.cocreate.app/js/CoCreate-select.js"></script>
  <script type="text/javascript" src="https://server.cocreate.app/CoCreate-yjs/quill/dist/CoCreate-quill.js" async></script>
  <script type="text/javascript" src="https://server.cocreate.app/CoCreate-yjs/codemirror/dist/CoCreate-codemirror.js" async></script>
</html>
